<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../phoneCss/commons.css" rel="stylesheet" />
    <link href="../phoneCss/personal.css" rel="stylesheet" />
    <style>
        #me{
            color: #de1221;
        }
        #index,#sort,#cart{
            color: #2e2e2e;
        }
    </style>
</head>

<body>
<!--
    作者：837081299@qq.com
    时间：2017-02-08
    描述：个人中心顶部个人信息开始
-->
<div class="mui-scroll-wrapper">
    <div class="mui-scroll">
<div class="personal-top-box">
    <a href="set-user.html">
        <div class="avatar-box">
            <img id="autor" src="../phoneImg/gray_placeholder.png" />
        </div>
    </a>
    <p class="user-name"><a href="set.html"><span id="userName"></span><img src="../phoneImg/me_more_icon.png" alt="编辑"></a></p>

    <a href="set.html"><div class="set"></div></a>
    <a href="personal-news.html"><div class="personal-news"><span id="ifRead" style="display: none;"></span></div></a>
</div>

<!--
    作者：837081299@qq.com
    时间：2017-02-08
    描述：功能盒子开始
-->
<div class="middle-box">
    <ul class="userBox mui-clearfix">
        <li><span class="delevel" id="money"></span><span>账户余额</span></li>
        <a href="collection.html"><li><span id="balance"></span><span>我的收藏</span></li></a>
        <a href="spoor.html"><li><span id="dd"></span><span>我的足迹</span></li></a>
    </ul>
</div>

<!--订单开始-->
<a href="order.html"><div class="order-title">我的订单<img src="../phoneImg/me_more_icon.png"><span class="all_order">查看全部订单</span></div></a>
<div class="order-box" id="order">
    <ul class="mui-clearfix">
        <a href="order.html?orderStateValue=1">
        <li id="await_pay">
            <span><img src="../phoneImg/await-pay.png" alt="待付款"></span>
            <span>待付款</span>
            <b id="pay_num"></b>
        </li>
        </a>
        <a href="order.html?orderStateValue=3">
        <li id="await_send">
            <span class="await_send"><img src="../phoneImg/await-send.png" alt="待发货"></span>
            <span>待发货</span>
            <b id="send_num"></b>
        </li>
        </a>
        <a href="order.html?orderStateValue=5">
        <li id="await_reseive">
            <span class="await-receive"><img src="../phoneImg/await-receive.png" alt="待收货"></span>
            <span>待收货</span>
            <b id="receive_num"></b>
        </li>
        </a>
        <a href="order.html?orderStateValue=10">
        <li id="await_comment">
            <span class="await-comment"><img src="../phoneImg/await-comment.png" alt="待评价"></span>
            <span>待评价</span>
            <b id="comment_num"></b>
        </li>
        </a>
    </ul>
</div>
<!--必备功能-->
<div class="order-title">必备功能
    <!--<img src="../phoneImg/me_more_icon.png">-->
    <!--<span class="all_order">更多</span>-->
</div>
<div class="order-box">
    <ul class="mui-clearfix">
        <a href="authorize.html">
        <li>
            <span class="popularize_code"><img src="../phoneImg/popularize_code.png" alt="推广码"></span>
            <span>推广码</span>
        </li>
        </a>
        <a href="coupon.html">
        <li>
            <span class="coupon_center"><img src="../phoneImg/coupon.png" alt="领券中心"></span>
            <span>领券中心</span>
            <b class="dot"></b>
        </li>
        </a>
        <a href="share_team.html">
        <li>
            <span class="share_economics"><img src="../phoneImg/share_economics.png" alt="分享经济"></span>
            <span>分享经济</span>
            <b class="dot"></b>
        </li>
        </a>
    </ul>
</div>
<!--工具盒子开始-->
<div class="tool_box mui-clearfix">
    <ul>
        <a href="warrantycard.html">
            <li>我的手机<img src="../phoneImg/me_more_icon.png" alt=""><span>电子保修卡</span></li>
        </a>
        <!--<a id="tuiguangma">-->
            <!--<li>我的维修<img src="../phoneImg/me_more_icon.png" alt=""><span>维修查询</span></li>-->
        <!--</a>-->
        <a href="set.html">
            <li>我的信息<img src="../phoneImg/me_more_icon.png" alt=""><span>地址/密码修改</span></li>
        </a>
        <a href="integral-withdraw1.html">
            <li>余额兑换<img src="../phoneImg/me_more_icon.png" alt=""><span>可用余额兑换</span></li>
        </a>
        <a href="capital-detail.html">
            <li>资金流水<img src="../phoneImg/me_more_icon.png" alt=""><span>查看资金流水</span></li>
        </a>
        <a id="infoBox" href="tel:4006016606">
            <li>联系我们<img src="../phoneImg/me_more_icon.png" alt=""><span>投诉咨询</span></li>
        </a>
    </ul>
</div>
    </div>
</div>
<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index" href="index.html">
        <span class="mui-icon"><img src="../phoneImg/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="sort" href="category.html">
        <span class="mui-icon"><img src="../phoneImg/sort-icon.png"/></span>
        <span class="mui-tab-label">分类</span>
    </a>
    <a class="mui-tab-item" id="cart" href="cart.html">
        <span class="mui-icon"><img src="../phoneImg/cart-icon.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item" id="me">
        <span class="mui-icon"><img src="../phoneImg/personal-icon-act.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>

<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script>
    document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='../phoneJs/personal.js?"+Math.random()+"'></scr"+"ipt>");
</script>
</body>

</html>